import { Layout, Icon, BackTop } from 'antd';
import "./layout.scss"
const { Header, Sider, Content, Footer } = Layout;
import HeadMenu from "../layout/headmenu";
import Banner from "../layout/banner";
import React, { Component } from "react";
import Product from "../components/product/product";
export default class SiderDemo extends Component {
    state = {
        collapsed: false,
    };
    toggle = () => {
        this.setState({
            collapsed: !this.state.collapsed,
        });
    }
    render() {
        return (
            <Layout className="layout">
                <Header className="header">中煤（西安）地下空间科技发展有限公司</Header>
                <HeadMenu></HeadMenu>
                <Banner className='banner'></Banner>
                <Content>
                    <Product></Product>
                    <BackTop />
                </Content>
                <Footer className="footer">Footer</Footer>
            </Layout>
            // <Layout style={{ width: '100%', height: '100%', position: 'absolute' }}>
            //     <Sider trigger={null} collapsible collapsed={this.state.collapsed}>
            //         <LMenu></LMenu>
            //     </Sider>
            //     <Layout>
            //         <Header style={{ background: '#001529', padding: 0 }}>
            //             <Icon className="trigger" style={{ paddingLeft: "15px",color:"white" }} type={this.state.collapsed ? 'menu-unfold' : 'menu-fold'} onClick={this.toggle} />
            //         </Header>
            //         <Content style={{ margin: '24px 16px', padding: 24, background: '#fff', minHeight: 280 }}>Content</Content>
            //     </Layout>
            // </Layout>
        );
    }
}
